/*
 * Copyright(C) 2019 FUYUN DATA SERVICES CO.,LTD. - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * 该源代码版权归属福韵数据服务有限公司所有
 * 未经授权，任何人不得复制、泄露、转载、使用，否则将视为侵权
 *
 */

import * as React from "react";
import { connect } from "react-redux";
import { Form, Button, Input, InputNumber } from "antd";

import { FormComponentProps } from "antd/lib/form";
import TitleCard from "src/components/TitleCard";

interface IState {
  edit: boolean;
}

interface IProps {
  edit: boolean;
}

class SecurityEdit extends React.Component<
  IProps & FormComponentProps,
  IState
> {
  public state = {
    edit: false
  };

  public render() {
    // const { getFieldDecorator } = this.props.form;
    return (
      <div>
        <TitleCard title={"按流水号修改"}>
          <div style={{ borderBottom: "1px solid #e0e0e0" }} />
          <div style={{ marginTop: "20px", marginLeft: "80px" }}>
            <b>从流水号&nbsp;&nbsp;&nbsp;</b>
            <InputNumber
              style={{ width: "200px" }}
              placeholder="流水号起始号"
            />
            <b>&nbsp;&nbsp;&nbsp;到&nbsp;&nbsp;&nbsp;</b>
            <InputNumber
              style={{ width: "200px" }}
              placeholder="流水号终止号"
            />
          </div>

          <Button
            type="primary"
            style={{ margin: "20px", marginLeft: "150px" }}
          >
            确定修改
          </Button>
        </TitleCard>

        <TitleCard title={"按生成批次修改"}>
          <div style={{ borderBottom: "1px solid #e0e0e0" }} />
          <div style={{ marginTop: "20px", marginLeft: "80px" }}>
            <b>生产批次&nbsp;&nbsp;&nbsp;</b>
            <InputNumber
              style={{ width: "200px" }}
              placeholder="请输入批次号"
            />
          </div>

          <Button
            type="primary"
            style={{ margin: "20px", marginLeft: "150px" }}
          >
            确定修改
          </Button>
        </TitleCard>

        <TitleCard title={"按产品名称修改"}>
          <div style={{ borderBottom: "1px solid #e0e0e0" }} />
          <div style={{ marginTop: "20px", marginLeft: "80px" }}>
            <b>产品名称&nbsp;&nbsp;&nbsp;</b>
            <Input style={{ width: "200px" }} placeholder="请输入产品名称" />
          </div>

          <Button
            type="primary"
            style={{ margin: "20px", marginLeft: "150px" }}
          >
            确定修改
          </Button>
        </TitleCard>

        <TitleCard title={"按生产日期修改"}>
          <div style={{ borderBottom: "1px solid #e0e0e0" }} />
          <div style={{ marginTop: "20px", marginLeft: "80px" }}>
            <b>生成日期&nbsp;&nbsp;&nbsp;</b>
            <Input style={{ width: "200px" }} placeholder="请选择日期" />
          </div>

          <Button
            type="primary"
            style={{ margin: "20px", marginLeft: "150px" }}
          >
            确定修改
          </Button>
        </TitleCard>
      </div>
    );
  }
}

export default connect()(
  Form.create<IProps & FormComponentProps>({})(SecurityEdit)
);
